<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Blanchard</title>
  <!-- FAVICON -->
  <link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="img/favicons/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="img/favicons/favicon-16x16.png">
  <link rel="manifest" href="img/favicons/site.webmanifest">
  <link rel="mask-icon" href="img/favicons/safari-pinned-tab.svg" color="#333333">
  <link rel="shortcut icon" href="img/favicons/favicon.ico">
  <meta name="msapplication-TileColor" content="#333333">
  <meta name="msapplication-config" content="img/favicons/browserconfig.xml">
  <!-- <meta name="theme-color" content="#333333"> -->

  <!-- STYLES -->
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simplebar@latest/dist/simplebar.css">
  <link rel="stylesheet" href="css/justValidateTooltip.min.css">
  <link rel="stylesheet" href="css/style.css">
</head>

<body>
  <header class="header">
    <div class="header__menu-main flex">
      <div class="container header__menu-container flex">
        <button class="btn-reset burger" aria-label="Меню">
          <span class="burger-strokes burger-stroke-1"></span>
          <span class="burger-strokes burger-stroke-2"></span>
          <span class="burger-strokes burger-stroke-3"></span>
        </button>
        <a href="#" class="logo" aria-label="Логоип сайта" tabindex="0">
          <img class="logo__img" src="img/header/logo/Logo.svg" alt="Логотип">
        </a>
        <a href="#" class="search" aria-label="Поиск">
          <svg class="search-icon" width="30" height="29" viewBox="0 0 30 29" fill="none"
            xmlns="http://www.w3.org/2000/svg">
            <rect width="9.15446" height="2.28862"
              transform="matrix(-0.718931 0.695081 0.718931 0.695081 6.58105 21.0461)" fill="white" />
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M16.1246 24.174C10.0376 24.174 5.32763 19.2726 5.32763 13.5104C5.32763 7.74823 10.0376 2.84676 16.1246 2.84676C22.2115 2.84676 26.9215 7.74823 26.9215 13.5104C26.9215 19.2726 22.2115 24.174 16.1246 24.174ZM16.1246 26.8399C8.76285 26.8399 2.79501 20.8721 2.79501 13.5104C2.79501 6.14869 8.76285 0.180847 16.1246 0.180847C23.4863 0.180847 29.4541 6.14869 29.4541 13.5104C29.4541 20.8721 23.4863 26.8399 16.1246 26.8399Z"
              fill="white" />
          </svg>
        </a>
        <div class="header__search">
          <form class="header__search-form" action="https://jsonplaceholder.typicode.com/posts" method="post">
            <button aria-label="Найти" class="btn-reset header__search-button" type="button">
              <svg class="search-icon" width="30" height="29" viewBox="0 0 30 29" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <rect width="9.15446" height="2.28862"
                  transform="matrix(-0.718931 0.695081 0.718931 0.695081 6.58105 21.0461)" fill="white" />
                <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M16.1246 24.174C10.0376 24.174 5.32763 19.2726 5.32763 13.5104C5.32763 7.74823 10.0376 2.84676 16.1246 2.84676C22.2115 2.84676 26.9215 7.74823 26.9215 13.5104C26.9215 19.2726 22.2115 24.174 16.1246 24.174ZM16.1246 26.8399C8.76285 26.8399 2.79501 20.8721 2.79501 13.5104C2.79501 6.14869 8.76285 0.180847 16.1246 0.180847C23.4863 0.180847 29.4541 6.14869 29.4541 13.5104C29.4541 20.8721 23.4863 26.8399 16.1246 26.8399Z"
                  fill="white" />
              </svg>
            </button>
            <label class="search-label" for="search" aria-label="Поле ввода поиска">
              <input class="header__search-input" type="text" name="search" id="search" placeholder="Поиск по сайту"
                autocomplete="on">
            </label>
          </form>
          <button aria-label="Зактыть форму поиска" class="btn-reset header__search-button-close">
            <svg class="close-icon" width="23" height="23" viewBox="0 0 23 23" fill="none"
              xmlns="http://www.w3.org/2000/svg">
              <rect width="29.567" height="2.9567" transform="matrix(0.707093 0.707121 -0.707093 0.707121 2.09375 0)"
                fill="white" />
              <rect width="29.567" height="2.9567" transform="matrix(0.707093 -0.707121 0.707093 0.707121 0 20.9074)"
                fill="white" />
            </svg>
          </button>
        </div>
        <div class="header__menu">
          <nav class="header__menu-nav nav">
            <ul class="header__menu-list list-reset flex">
              <li class="header__menu-item">
                <a data-scroll href="#about" class="header__menu-link link-bg-focus">О нас</a>
              </li>
              <li class="header__menu-item">
                <a data-scroll href="#gallery" class="header__menu-link link-bg-focus">Галерея</a>
              </li>
              <li class="header__menu-item">
                <a data-scroll href="#catalog" class="header__menu-link link-bg-focus">Каталог</a>
              </li>
              <li class="header__menu-item">
                <a data-scroll href="#events" class="header__menu-link link-bg-focus">События</a>
              </li>
              <li class="header__menu-item">
                <a data-scroll href="#projects" class="header__menu-link link-bg-focus">Проекты</a>
              </li>
              <li class="header__menu-item">
                <a data-scroll href="#contacts" class="header__menu-link link-bg-focus">Контакты</a>
              </li>
            </ul>
          </nav>

          <a class="header__menu-enter link-bg-focus">
            <span class="header__menu-enter-wrap">
              <svg class="header__menu-enter-img" width="18" height="13" viewBox="0 0 18 13" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M9.62056 9.09278L10.6389 10.1111L14.25 6.5L10.6389 2.88889L9.62056 3.90722L11.4839 5.77778H0V7.22222H11.4839L9.62056 9.09278ZM16.0556 0H5.94444C5.14278 0 4.5 0.65 4.5 1.44444V4.33333H5.94444V1.44444H16.0556V11.5556H5.94444V8.66667H4.5V11.5556C4.5 12.35 5.14278 13 5.94444 13H16.0556C16.85 13 17.5 12.35 17.5 11.5556V1.44444C17.5 0.65 16.85 0 16.0556 0Z"
                  fill="white" />
              </svg>
            </span>
            Войти
          </a>
        </div>
      </div>
      <div class="header__menu-submenu submenu flex">
        <div class="container header__menu-container flex">
          <ul class="list-reset submenu__list flex">
            <li class="submenu__item">
              <button class="submenu__btn link-bg-focus">Реализм</button>
              <div class="submenu__dropdown dropdown">
                <div class="dropdown__simplebar">
                  <ul class="list-reset dropdown__list">
                    <li class="dropdown__item dropdown__item--tintoretto">
                      <a href="" class="dropdown__link">Тинторетто</a>
                    </li>
                    <li class="dropdown__item dropdown__item--fridrich">
                      <a href="" class="dropdown__link">Фридрих</a>
                    </li>
                    <li class="dropdown__item dropdown__item--leonardo">
                      <a href="" class="dropdown__link">Леонардо</a>
                    </li>
                    <li class="dropdown__item dropdown__item--verokkio">
                      <a href="" class="dropdown__link">Верорккьо</a>
                    </li>
                    <li class="dropdown__item dropdown__item--tintoretto">
                      <a href="" class="dropdown__link">Тинторетто</a>
                    </li>
                    <li class="dropdown__item dropdown__item--fridrich">
                      <a href="" class="dropdown__link">Фридрих</a>
                    </li>
                    <li class="dropdown__item dropdown__item--leonardo">
                      <a href="" class="dropdown__link">Леонардо</a>
                    </li>
                  </ul>

                </div>
              </div>
            </li>
            <li class="submenu__item">
              <button class="submenu__btn link-bg-focus">
                Импрессионизм
              </button>
              <div class="submenu__dropdown dropdown">
                <div class="dropdown__simplebar">
                  <ul class="list-reset dropdown__list">
                    <li class="dropdown__item dropdown__item--mone">
                      <a href="" class="dropdown__link">Моне</a>
                    </li>
                    <li class="dropdown__item dropdown__item--sisley">
                      <a href="" class="dropdown__link">Сислей</a>
                    </li>
                    <li class="dropdown__item dropdown__item--mane">
                      <a href="" class="dropdown__link">Мане</a>
                    </li>
                    <li class="dropdown__item dropdown__item--renuar">
                      <a href="" class="dropdown__link">Ренуар</a>
                    </li>
                    <li class="dropdown__item dropdown__item--mone">
                      <a href="" class="dropdown__link">Моне</a>
                    </li>
                    <li class="dropdown__item dropdown__item--sisley">
                      <a href="" class="dropdown__link">Сислей</a>
                    </li>
                    <li class="dropdown__item dropdown__item--mane">
                      <a href="" class="dropdown__link">Мане</a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>

            <li class="submenu__item">
              <button class="submenu__btn link-bg-focus">
                Постимпрессионизм
              </button>
              <div class="submenu__dropdown dropdown">
                <div class="dropdown__simplebar">
                  <ul class="list-reset dropdown__list">
                    <li class="dropdown__item dropdown__item--vangogh">
                      <a href="" class="dropdown__link">Ван Гог</a>
                    </li>
                    <li class="dropdown__item dropdown__item--sesann">
                      <a href="" class="dropdown__link">Сезанн</a>
                    </li>
                    <li class="dropdown__item dropdown__item--gogen">
                      <a href="" class="dropdown__link">Гоген</a>
                    </li>
                    <li class="dropdown__item dropdown__item--sera">
                      <a href="" class="dropdown__link">Сёра</a>
                    </li>
                    <li class="dropdown__item dropdown__item--vangogh">
                      <a href="" class="dropdown__link">Ван Гог</a>
                    </li>
                    <li class="dropdown__item dropdown__item--sesann">
                      <a href="" class="dropdown__link">Сезанн</a>
                    </li>
                    <li class="dropdown__item dropdown__item--gogen">
                      <a href="" class="dropdown__link">Гоген</a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
            <li class="submenu__item">
              <button class="submenu__btn link-bg-focus">Авангард</button>
              <div class="submenu__dropdown dropdown">
                <div class="dropdown__simplebar">
                  <ul class="list-reset dropdown__list">
                    <li class="dropdown__item dropdown__item--kandinskiy">
                      <a href="" class="dropdown__link">Кандинский</a>
                    </li>
                    <li class="dropdown__item dropdown__item--marinetti">
                      <a href="" class="dropdown__link">Маринетти</a>
                    </li>
                    <li class="dropdown__item dropdown__item--malevich">
                      <a href="" class="dropdown__link">Малевич</a>
                    </li>
                    <li class="dropdown__item dropdown__item--picasso">
                      <a href="" class="dropdown__link">Пикассо</a>
                    </li>
                    <li class="dropdown__item dropdown__item--kandinskiy">
                      <a href="" class="dropdown__link">Кандинский</a>
                    </li>
                    <li class="dropdown__item dropdown__item--marinetti">
                      <a href="" class="dropdown__link">Маринетти</a>
                    </li>
                    <li class="dropdown__item dropdown__item--malevich">
                      <a href="" class="dropdown__link">Малевич</a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
            <li class="submenu__item">
              <button class="submenu__btn link-bg-focus">Футуризм</button>
              <div class="submenu__dropdown dropdown">
                <div class="dropdown__simplebar">
                  <ul class="list-reset dropdown__list">
                    <li class="dropdown__item dropdown__item--karra">
                      <a href="" class="dropdown__link">Карра</a>
                    </li>
                    <li class="dropdown__item dropdown__item--pratella">
                      <a href="" class="dropdown__link">Прателла</a>
                    </li>
                    <li class="dropdown__item dropdown__item--severini">
                      <a href="" class="dropdown__link">Северини</a>
                    </li>
                    <li class="dropdown__item dropdown__item--balla">
                      <a href="" class="dropdown__link">Балла</a>
                    </li>
                    <li class="dropdown__item dropdown__item--karra">
                      <a href="" class="dropdown__link">Карра</a>
                    </li>
                    <li class="dropdown__item dropdown__item--pratella">
                      <a href="" class="dropdown__link">Прателла</a>
                    </li>
                    <li class="dropdown__item dropdown__item--severini">
                      <a href="" class="dropdown__link">Северини</a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
          </ul>
          <form class="submenu__search-form" action="https://jsonplaceholder.typicode.com/posts" method="post">
            <button aria-label="Найти" class="btn-reset header__search-button" type="button">
              <svg class="search-icon" width="23" height="22" viewBox="0 0 23 22" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <rect width="6.8678" height="1.71695"
                  transform="matrix(-0.718931 0.695081 0.718931 0.695081 4.9375 15.6534)" fill="white" />
                <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M12.0967 18C7.53016 18 3.99668 14.3229 3.99668 10C3.99668 5.67715 7.53016 2 12.0967 2C16.6632 2 20.1967 5.67715 20.1967 10C20.1967 14.3229 16.6632 18 12.0967 18ZM12.0967 20C6.57383 20 2.09668 15.5228 2.09668 10C2.09668 4.47715 6.57383 0 12.0967 0C17.6195 0 22.0967 4.47715 22.0967 10C22.0967 15.5228 17.6195 20 12.0967 20Z"
                  fill="white" />
              </svg>
            </button>
            <label class="submenu__search-label" for="submenu-search" aria-label="Поле ввода поиска">
              <input class="header__search-input submenu__search-input" type="text" name="search" id="submenu-search"
                placeholder="Поиск по сайту" autocomplete="on">
            </label>
          </form>
        </div>
      </div>
    </div>
  </header>
  <main>
    <section class="hero">
      <div class="hero__swiper">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
          <!-- Slides -->
          <div class="swiper-slide hero__slide-1">
            <picture>
              <source media="(min-width: 1500px)" srcset="
                    ./img/hero/slider-1_Desktop_1x.png 1x,
                    ./img/hero/slider-1_Desktop_2x.png 2x
                  " type="image/webp">
              <source media="(min-width: 1024px)" srcset="
                    ./img/hero/slider-1_Tablet1024_1x.png 1x,
                    ./img/hero/slider-1_Tablet1024_2x.png 2x
                  " type="image/webp">
              <source media="(min-width: 768px)" srcset="
                    ./img/hero/slider-1_Tablet768_1x.png 1x,
                    ./img/hero/slider-1_Tablet768_2x.png 2x
                  " type="image/webp">
              <source media="(min-width: 320px)" srcset="
                    ./img/hero/slider-1_Mobile320_1x.png 1x,
                    ./img/hero/slider-1_Mobile320_2x.png 2x
                  " type="image/webp">
              <img src="./img/hero/slider-1_Desktop_1x.png" alt="Слайд 1">
            </picture>
          </div>
          <div class="swiper-slide hero__slide-2">
            <picture>
              <source media="(min-width: 1500px)" srcset="
                    ./img/hero/slider-2_Desktop_1x.png 1x,
                    ./img/hero/slider-2_Desktop_2x.png 2x
                  " type="image/webp">
              <source media="(min-width: 1024px)" srcset="
                    ./img/hero/slider-2_Tablet1024_1x.png 1x,
                    ./img/hero/slider-2_Tablet1024_2x.png 2x
                  " type="image/webp">
              <source media="(min-width: 768px)" srcset="
                    ./img/hero/slider-2_Tablet768_1x.png 1x,
                    ./img/hero/slider-2_Tablet768_2x.png 2x
                  " type="image/webp">
              <source media="(min-width: 320px)" srcset="
                    ./img/hero/slider-2_Mobile320_1x.png 1x,
                    ./img/hero/slider-2_Mobile320_2x.png 2x
                  " type="image/webp">
              <img src="./img/hero/slider-2_Desktop_1x.png" alt="Слайд 2">
            </picture>
          </div>
          <div class="swiper-slide hero__slide-3">
            <picture>
              <source media="(min-width: 1500px)" srcset="
                    ./img/hero/slider-3_Desktop_1x.png 1x,
                    ./img/hero/slider-3_Desktop_2x.png 2x
                  " type="image/webp">
              <source media="(min-width: 1024px)" srcset="
                    ./img/hero/slider-3_Tablet1024_1x.png 1x,
                    ./img/hero/slider-3_Tablet1024_2x.png 2x
                  " type="image/webp">
              <source media="(min-width: 768px)" srcset="
                    ./img/hero/slider-3_Tablet768_1x.png 1x,
                    ./img/hero/slider-3_Tablet768_2x.png 2x
                  " type="image/webp">
              <source media="(min-width: 320px)" srcset="
                    ./img/hero/slider-3_Mobile320_1x.png 1x,
                    ./img/hero/slider-3_Mobile320_2x.png 2x
                  " type="image/webp">
              <img src="./img/hero/slider-3_Desktop_1x.png" alt="Слайд 3">
            </picture>
          </div>
        </div>
        <!-- If we need pagination -->
      </div>
      <div class="container flex">
        <div class="hero__container">
          <h1 class="hero__title">Прикоснитесь к прекрасному</h1>
          <p class="hero__text">
            Мы вынуждены отталкиваться от того, что реализация намеченных
            плановых заданий создаёт предпосылки для новых предложений
          </p>
          <a href="#" class="hero__link">Подписаться на рассылку</a>
        </div>
      </div>
    </section>
    <section class="about section" id="about">
      <div class="container">
        <div class="section__container">
          <h2 class="section__title">О нас</h2>
          <p class="section__text">
            Ясность нашей позиции очевидна: семантический разбор внешних противодействий однозначно определяет каждого
            участника как способного принимать собственные решения касаемо распределения внутренних резервов
            и&nbsp;ресурсов. Не&nbsp;следует, однако, забывать, что высококачественный прототип будущего проекта влечёт
            за&nbsp;собой процесс внедрения и&nbsp;модернизации модели развития. Повседневная практика показывает, что
            высокое качество позиционных исследований создаёт необходимость включения в&nbsp;производственный план
            целого ряда внеочередных мероприятий с&nbsp;учётом комплекса распределения внутренних резервов
            и&nbsp;ресурсов. В&nbsp;рамках спецификации современных стандартов, действия представителей оппозиции
            набирают популярность среди определённых слоёв населения, а&nbsp;значит, должны быть разоблачены.
          </p>
        </div>
      </div>
    </section>
    <section class="gallery section" id="gallery">
      <div class="gallery-modal container modal" id="modal-1">
        <div class="gallery-modal__window modal__window">
          <button class="modal-close-icon btn-reset close-icon" aria-label="Закрыть окно">
            <svg class="close-icon" width="16" height="16" viewBox="0 0 16 16" fill="black"
              xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" clip-rule="evenodd"
                d="M0.666641 15.3043L15.3333 3.17761e-05L16 0.695679L1.33331 15.9999L0.666641 15.3043Z" />
              <path fill-rule="evenodd" clip-rule="evenodd"
                d="M0.666725 -2.96187e-06L15.3334 15.3042L14.6667 15.9999L5.76143e-05 0.695644L0.666725 -2.96187e-06Z" />
            </svg>
          </button>
          <div class="gallery-modal__picture">
            <picture>
              <source media="(min-width: 1200px)" srcset="
                    img/gallery/modals/Pink_face_Desktop_1x.webp 1x,
                    img/gallery/modals/Pink_face_Desktop_2x.webp 2x
                  " type="image/webp">
              <source media="(min-width: 1024px)" srcset="
                    img/gallery/modals/Pink_face_1024px_1x.webp 1x,
                    img/gallery/modals/Pink_face_1024px_2x.webp 2x
                  " type="image/webp">
              <source media="(min-width: 768px)" srcset="
                    img/gallery/modals/Pink_face_768px_1x.webp 1x,
                    img/gallery/modals/Pink_face_768px_2x.webp 2x
                  " type="image/webp">
              <source media="(min-width: 320px)" srcset="
                    img/gallery/modals/Pink_face_320px_1x.webp 1x,
                    img/gallery/modals/Pink_face_320px_2x.webp 2x
                  " type="image/webp">
              <!-- Здесь картинка от 1361 до 1920 и выше -->
              <img class="gallery-modal__image" src="img/gallery/modals/Pink_face_Desktop_1x.webp" type="image/webp"
                alt="Картина Малевича Фигура с розовым лицом">
            </picture>
          </div>
          <div class="gallery-modal__descr">
            <h3 class="painter-name painter-name--gallery-modal">Казимир Малевич</h3>
            <p class="picture-title">«Торс (Фигура с розовым лицом)»</p>
            <p class="picture-dates picture-dates--gallery-modal">1928–1929</p>
            <p class="descr-text">
              Эти странные безликие &laquo;полуобразы&raquo; (так называл подобные работы сам художник), зашифрованные
              в&nbsp;женских фигурах и&nbsp;торсах, существуют по&nbsp;мысли К.Малевича, в&nbsp;параллельном мире,
              в&nbsp;пределах вымышленного художником Космоса, в&nbsp;пространстве без времени. Произведение вызывает
              ассоциации и&nbsp;с&nbsp;пластикой архаической скульптуры, и&nbsp;с&nbsp;деревянной игрушкой,
              и&nbsp;с&nbsp;модернистским манекеном. Присутствие в&nbsp;фигуре белого цвета, дающего реальное
              представление о&nbsp;бесконечности, говорит о&nbsp;том, что в&nbsp;данном случае бесконечность заключена
              в&nbsp;самом человеке, который и&nbsp;становится для Малевича средоточием некоего абсолюта.
            </p>
          </div>

        </div>
        <div class="modal__overlay">
        </div>

      </div>
      <div class="gallery-modal container modal" id="modal-2">
        <div class="gallery-modal__window modal__window">
          <button class="modal-close-icon btn-reset close-icon" aria-label="Закрыть окно">
            <svg class="close-icon" width="16" height="16" viewBox="0 0 16 16" fill="black"
              xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" clip-rule="evenodd"
                d="M0.666641 15.3043L15.3333 3.17761e-05L16 0.695679L1.33331 15.9999L0.666641 15.3043Z" />
              <path fill-rule="evenodd" clip-rule="evenodd"
                d="M0.666725 -2.96187e-06L15.3334 15.3042L14.6667 15.9999L5.76143e-05 0.695644L0.666725 -2.96187e-06Z" />
            </svg>
          </button>
          <div class="gallery-modal__picture">
            <picture>
              <source media="(min-width: 1200px)" srcset="
                    img/gallery/modals/malevich_desktop_1x.png 1x,
                    img/gallery/modals/malevich_desktop_2x.png 2x
                  " type="image/webp">
              <source media="(min-width: 1024px)" srcset="
                    img/gallery/modals/malevich_1024px_1x.png 1x,
                    img/gallery/modals/malevich_1024px_2x.png 2x
                  " type="image/webp">
              <source media="(min-width: 768px)" srcset="
                    img/gallery/modals/malevich_768px_1x.png 1x,
                    img/gallery/modals/malevich_768px_2x.png 2x
                  " type="image/webp">
              <source media="(min-width: 320px)" srcset="
                    img/gallery/modals/malevich_320px_1x.png 1x,
                    img/gallery/modals/malevich_320px_2x.png 2x
                  " type="image/webp">
              <!-- Здесь картинка от 1361 до 1920 и выше -->
              <img class="gallery-modal__image" src="img/gallery/modals/malevich_desktop_1x.png"
                alt="Картина Малевича Женщина с граблями">
            </picture>
          </div>
          <div class="gallery-modal__descr">
            <h3 class="painter-name painter-name--gallery-modal">Казимир Малевич</h3>
            <p class="picture-title">«Женщина с граблями»</p>
            <p class="picture-dates picture-dates--gallery-modal">1931–1932</p>
            <p class="descr-text">
              Картина из&nbsp;второй серии крестьянского цикла работ Казимира Малевича. Художник принялся
              за&nbsp;её&nbsp;создание в
              1930&ndash;1931&nbsp;годах, после того, как первый цикл был утерян после Берлинской и&nbsp;Варшавской
              выставок в&nbsp;1927
              году.
            </p>
          </div>

        </div>
        <div class="modal__overlay">
        </div>

      </div>
      <div class="gallery-modal container modal" id="modal-3">
        <div class="gallery-modal__window modal__window">
          <button class="modal-close-icon btn-reset close-icon" aria-label="Закрыть окно">
            <svg class="close-icon" width="16" height="16" viewBox="0 0 16 16" fill="black"
              xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" clip-rule="evenodd"
                d="M0.666641 15.3043L15.3333 3.17761e-05L16 0.695679L1.33331 15.9999L0.666641 15.3043Z" />
              <path fill-rule="evenodd" clip-rule="evenodd"
                d="M0.666725 -2.96187e-06L15.3334 15.3042L14.6667 15.9999L5.76143e-05 0.695644L0.666725 -2.96187e-06Z" />
            </svg>
          </button>
          <div class="gallery-modal__picture">
            <picture>
              <source media="(min-width: 1200px)" srcset="
                    img/gallery/modals/rye_harvesting_Desktop_1x.webp 1x,
                    img/gallery/modals/rye_harvesting_Desktop_2x.webp 2x
                  " type="image/webp">
              <source media="(min-width: 1024px)" srcset="
                    img/gallery/modals/rye_harvesting_1024px_1x.webp 1x,
                    img/gallery/modals/rye_harvesting_1024px_2x.webp 2x
                  " type="image/webp">
              <source media="(min-width: 768px)" srcset="
                    img/gallery/modals/rye_harvesting_768px_1x.webp 1x,
                    img/gallery/modals/rye_harvesting_768px_2x.webp 2x
                  " type="image/webp">
              <source media="(min-width: 320px)" srcset="
                    img/gallery/modals/rye_harvesting_320px_1x.webp 1x,
                    img/gallery/modals/rye_harvesting_320px_2x.webp 2x
                  " type="image/webp">
              <!-- Здесь картинка от 1361 до 1920 и выше -->
              <img class="gallery-modal__image" src="img/gallery/modals/rye_harvesting_Desktop_1x.webp"
                type="image/webp" alt="Картина Малевича Уборка ржи">
            </picture>
          </div>
          <div class="gallery-modal__descr">
            <h3 class="painter-name painter-name--gallery-modal">Казимир Малевич</h3>
            <p class="picture-title">«Уборка ржи»</p>
            <p class="picture-dates picture-dates--gallery-modal">1912</p>
            <p class="descr-text">
              Художник создал несколько серий, на&nbsp;которых изобразил &laquo;людей труда&raquo;. Все&nbsp;&mdash;
              в&nbsp;стиле
              неопримитивизма: фигуры крестьян нарочито увеличены, написаны максимально просто и&nbsp;плоско. Вскоре
              художник перешел к&nbsp;кубофутуризму, а&nbsp;силуэты персонажей стал изображать геометрическими фигурами.

              Я&nbsp;остался на&nbsp;стороне искусства крестьянского и&nbsp;начал писать картины в&nbsp;примитивном
              духе. Сначала, в&nbsp;первом периоде, я&nbsp;подражал иконописи. Второй период был чисто
              &laquo;трудовой&raquo;: я&nbsp;писал крестьян в&nbsp;труде, жатву, молотьбу. Третий период:
              я&nbsp;приблизился к&nbsp;&laquo;пригородному жанру&raquo; (плотники, садовники, дачные места,
              купальщики). Четвертый период&nbsp;&mdash; &laquo;городской вывески&raquo; (полотеры, горничные, лакеи,
              служащие).

              Казимир Малевич
            </p>
          </div>

        </div>
        <div class="modal__overlay">
        </div>

      </div>

      <div class="container">
        <div class="content-wrap">
          <div class="gallery-left-elem">
            <h2 class="gallery__title section__title">Галерея</h2>
            <div class="gallery-select-wrapper">
              <p class="gallery-select-filter-text">
                Фильтр:
              </p>
              <select class="gallery-select" name="gallery" id="gallery-select" aria-label="Выберите раздел">
                <option value="">Живопись</option>
                <option value="">Рисунок</option>
                <option value="">Скульптура</option>
              </select>
            </div>

            <div class="gallery-left-elem-bottom gallery-checkbox">
              <ul class="gallery-checkbox__list list-reset">
                <li class="gallery-checkbox__item">
                  <label class="gallery-checkbox__label" for="checkbox-1">
                    <input class="gallery-checkbox__input" type="checkbox" name="check" id="checkbox-1">
                    XIX век
                    <span class="gallery-checkbox__checked"></span>
                  </label>
                </li>
                <li class="gallery-checkbox__item">
                  <label class="gallery-checkbox__label" for="checkbox-2">
                    <input class="gallery-checkbox__input" type="checkbox" name="check" id="checkbox-2">
                    XX век
                    <span class="gallery-checkbox__checked"></span>
                  </label>
                </li>
                <li class="gallery-checkbox__item">
                  <label class="gallery-checkbox__label" for="checkbox-3">
                    <input class="gallery-checkbox__input" type="checkbox" name="check" id="checkbox-3">
                    Современность
                    <span class="gallery-checkbox__checked"></span>
                  </label>
                </li>
              </ul>
            </div>
          </div>
          <div class="gallery-right-elem">

            <div class="gallery-navigation">
              <button class="nav-btn nav-btn-gallery nav-btn-prev nav-btn-prev--gallery"
                aria-label="К предыдущему слайду"></button>
              <div class="gallery-pagination"></div>
              <button class="nav-btn nav-btn-gallery  nav-btn-next" aria-label="К следующему слайду"></button>
            </div>
            <div class="gallery-swiper">
              <div class="swiper-container slides-container">
                <div class="swiper-wrapper">
                  <a class="swiper-slide gallery-slide" href="#modal-1">
                    <picture>
                      <source media="(min-width: 1200px)" srcset="
                            img/gallery/Picture_1_Desktop_1x.png 1x,
                            img/gallery/Picture_1_Desktop_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 1024px)" srcset="
                            img/gallery/Picture_1_Tablet1024_1x.png 1x,
                            img/gallery/Picture_1_Tablet1024_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 768px)" srcset="
                            img/gallery/Picture_1_Tablet768_1x.png 1x,
                            img/gallery/Picture_1_Tablet768_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 565px)" srcset="
                            img/gallery/Picture_1_Mobile320_1x.png 1x,
                            img/gallery/Picture_1_Mobile320_2x.png 2x
                          " type="image/webp">
                      <!-- Здесь картинка от 1361 до 1920 и выше -->
                      <img class="gallery-image" src="img/gallery/Picture_1_Desktop_1x.png" alt="Изображение 1">
                    </picture>
                  </a>
                  <a class="swiper-slide gallery-slide" href="#modal-2">
                    <picture>
                      <source media="(min-width: 1200px)" srcset="
                            img/gallery/Picture_2_Desktop_1x.png 1x,
                            img/gallery/Picture_2_Desktop_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 1024px)" srcset="
                            img/gallery/Picture_2_Tablet1024_1x.png 1x,
                            img/gallery/Picture_2_Tablet1024_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 768px)" srcset="
                            img/gallery/Picture_2_Tablet768_1x.png 1x,
                            img/gallery/Picture_2_Tablet768_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 565px)" srcset="
                            img/gallery/Picture_2_Mobile320_1x.png 1x,
                            img/gallery/Picture_2_Mobile320_2x.png 2x
                          " type="image/webp">
                      <!-- Здесь картинка от 1361 до 1920 и выше -->
                      <img class="gallery-image" src="img/gallery/Picture_2_Desktop_1x.png" alt="Изображение 2">
                    </picture>
                  </a>
                  <a class="swiper-slide gallery-slide" href="#modal-3">
                    <picture>
                      <source media="(min-width: 1200px)" srcset="
                            img/gallery/Picture_3_Desktop_1x.png 1x,
                            img/gallery/Picture_3_Desktop_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 1024px)" srcset="
                            img/gallery/Picture_3_Tablet1024_1x.png 1x,
                            img/gallery/Picture_3_Tablet1024_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 768px)" srcset="
                            img/gallery/Picture_3_Tablet768_1x.png 1x,
                            img/gallery/Picture_3_Tablet768_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 565px)" srcset="
                            img/gallery/Picture_3_Mobile320_1x.png 1x,
                            img/gallery/Picture_3_Mobile320_2x.png 2x
                          " type="image/webp">
                      <!-- Здесь картинка от 1361 до 1920 и выше -->
                      <img class="gallery-image" src="img/gallery/Picture_3_Desktop_1x.png" alt="Изображение 3">
                    </picture>
                  </a>
                  <a class="swiper-slide gallery-slide" href="#">
                    <picture>
                      <source media="(min-width: 1200px)" srcset="
                            img/gallery/Picture_4_Desktop_1x.png 1x,
                            img/gallery/Picture_4_Desktop_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 1024px)" srcset="
                            img/gallery/Picture_4_Tablet1024_1x.png 1x,
                            img/gallery/Picture_4_Tablet1024_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 768px)" srcset="
                            img/gallery/Picture_4_Tablet768_1x.png 1x,
                            img/gallery/Picture_4_Tablet768_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 565px)" srcset="
                            img/gallery/Picture_4_Mobile320_1x.png 1x,
                            img/gallery/Picture_4_Mobile320_2x.png 2x
                          " type="image/webp">
                      <!-- Здесь картинка от 1361 до 1920 и выше -->
                      <img class="gallery-image" src="img/gallery/Picture_4_Desktop_1x.png" alt="Изображение 4">
                    </picture>
                  </a>
                  <a class="swiper-slide gallery-slide" href="#">
                    <picture>
                      <source media="(min-width: 1200px)" srcset="
                            img/gallery/Picture_5_Desktop_1x.png 1x,
                            img/gallery/Picture_5_Desktop_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 1024px)" srcset="
                            img/gallery/Picture_5_Tablet1024_1x.png 1x,
                            img/gallery/Picture_5_Tablet1024_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 768px)" srcset="
                            img/gallery/Picture_5_Tablet768_1x.png 1x,
                            img/gallery/Picture_5_Tablet768_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 565px)" srcset="
                            img/gallery/Picture_5_Mobile320_1x.png 1x,
                            img/gallery/Picture_5_Mobile320_2x.png 2x
                          " type="image/webp">
                      <!-- Здесь картинка от 1361 до 1920 и выше -->
                      <img class="gallery-image" src="img/gallery/Picture_5_Desktop_1x.png" alt="Изображение 5">
                    </picture>
                  </a>
                  <a class="swiper-slide gallery-slide" href="#">
                    <picture>
                      <source media="(min-width: 1200px)" srcset="
                            img/gallery/Picture_6_Desktop_1x.png 1x,
                            img/gallery/Picture_6_Desktop_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 1024px)" srcset="
                            img/gallery/Picture_6_Tablet1024_1x.png 1x,
                            img/gallery/Picture_6_Tablet1024_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 768px)" srcset="
                            img/gallery/Picture_6_Tablet768_1x.png 1x,
                            img/gallery/Picture_6_Tablet768_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 565px)" srcset="
                            img/gallery/Picture_6_Mobile320_1x.png 1x,
                            img/gallery/Picture_6_Mobile320_2x.png 2x
                          " type="image/webp">
                      <!-- Здесь картинка от 1361 до 1920 и выше -->
                      <img class="gallery-image" src="img/gallery/Picture_6_Desktop_1x.png" alt="Изображение 6">
                    </picture>
                  </a>
                  <a class="swiper-slide gallery-slide" href="#">
                    <picture>
                      <source media="(min-width: 1200px)" srcset="
                            img/gallery/Picture_1_Desktop_1x.png 1x,
                            img/gallery/Picture_1_Desktop_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 1024px)" srcset="
                            img/gallery/Picture_1_Tablet1024_1x.png 1x,
                            img/gallery/Picture_1_Tablet1024_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 768px)" srcset="
                            img/gallery/Picture_1_Tablet768_1x.png 1x,
                            img/gallery/Picture_1_Tablet768_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 565px)" srcset="
                            img/gallery/Picture_1_Mobile320_1x.png 1x,
                            img/gallery/Picture_1_Mobile320_2x.png 2x
                          " type="image/webp">
                      <!-- Здесь картинка от 1361 до 1920 и выше -->
                      <img class="gallery-image" src="img/gallery/Picture_1_Desktop_1x.png" alt="Изображение 7">
                    </picture>
                  </a>
                  <a class="swiper-slide gallery-slide" href="#">
                    <picture>
                      <source media="(min-width: 1200px)" srcset="
                            img/gallery/Picture_2_Desktop_1x.png 1x,
                            img/gallery/Picture_2_Desktop_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 1024px)" srcset="
                            img/gallery/Picture_2_Tablet1024_1x.png 1x,
                            img/gallery/Picture_2_Tablet1024_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 768px)" srcset="
                            img/gallery/Picture_2_Tablet768_1x.png 1x,
                            img/gallery/Picture_2_Tablet768_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 565px)" srcset="
                            img/gallery/Picture_2_Mobile320_1x.png 1x,
                            img/gallery/Picture_2_Mobile320_2x.png 2x
                          " type="image/webp">
                      <!-- Здесь картинка от 1361 до 1920 и выше -->
                      <img class="gallery-image" src="img/gallery/Picture_2_Desktop_1x.png" alt="Изображение 8">
                    </picture>
                  </a>
                  <a class="swiper-slide gallery-slide" href="#">
                    <picture>
                      <source media="(min-width: 1200px)" srcset="
                            img/gallery/Picture_3_Desktop_1x.png 1x,
                            img/gallery/Picture_3_Desktop_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 1024px)" srcset="
                            img/gallery/Picture_3_Tablet1024_1x.png 1x,
                            img/gallery/Picture_3_Tablet1024_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 768px)" srcset="
                            img/gallery/Picture_3_Tablet768_1x.png 1x,
                            img/gallery/Picture_3_Tablet768_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 565px)" srcset="
                            img/gallery/Picture_3_Mobile320_1x.png 1x,
                            img/gallery/Picture_3_Mobile320_2x.png 2x
                          " type="image/webp">
                      <!-- Здесь картинка от 1361 до 1920 и выше -->
                      <img class="gallery-image" src="img/gallery/Picture_3_Desktop_1x.png" alt="Изображение 9">
                    </picture>
                  </a>
                  <a class="swiper-slide gallery-slide" href="#">
                    <picture>
                      <source media="(min-width: 1200px)" srcset="
                            img/gallery/Picture_4_Desktop_1x.png 1x,
                            img/gallery/Picture_4_Desktop_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 1024px)" srcset="
                            img/gallery/Picture_4_Tablet1024_1x.png 1x,
                            img/gallery/Picture_4_Tablet1024_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 768px)" srcset="
                            img/gallery/Picture_4_Tablet768_1x.png 1x,
                            img/gallery/Picture_4_Tablet768_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 565px)" srcset="
                            img/gallery/Picture_4_Mobile320_1x.png 1x,
                            img/gallery/Picture_4_Mobile320_2x.png 2x
                          " type="image/webp">
                      <!-- Здесь картинка от 1361 до 1920 и выше -->
                      <img class="gallery-image" src="img/gallery/Picture_4_Desktop_1x.png" alt="Изображение 10">
                    </picture>
                  </a>
                  <a class="swiper-slide gallery-slide" href="#">
                    <picture>
                      <source media="(min-width: 1200px)" srcset="
                            img/gallery/Picture_5_Desktop_1x.png 1x,
                            img/gallery/Picture_5_Desktop_2x.png 2x
                          " type="image/web">
                      <source media=" (max-width: 1024px)" srcset="
                            img/gallery/Picture_5_Tablet1024_1x.png 1x,
                            img/gallery/Picture_5_Tablet1024_2x.png 2x
                          " type="image/web">
                      <source media=" (max-width: 768px)" srcset="
                            img/gallery/Picture_5_Tablet768_1x.png 1x,
                            img/gallery/Picture_5_Tablet768_2x.png 2x
                          " type="image/web">
                      <source media=" (max-width: 565px)" srcset="
                            img/gallery/Picture_5_Mobile320_1x.png 1x,
                            img/gallery/Picture_5_Mobile320_2x.png 2x
                          " type="image/web">
                      <!-- Здесь картинка от 1361 до 1920 и выше -->
                      <img class=" gallery-image" src="img/gallery/Picture_5_Desktop_1x.png" alt="Изображение 1">
                    </picture>
                  </a>
                  <a class=" swiper-slide gallery-slide" href="#">
                    <picture>
                      <source media="(min-width: 1200px)" srcset="
                            img/gallery/Picture_6_Desktop_1x.png 1x,
                            img/gallery/Picture_6_Desktop_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 1024px)" srcset="
                            img/gallery/Picture_6_Tablet1024_1x.png 1x,
                            img/gallery/Picture_6_Tablet1024_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 768px)" srcset="
                            img/gallery/Picture_6_Tablet768_1x.png 1x,
                            img/gallery/Picture_6_Tablet768_2x.png 2x
                          " type="image/webp">
                      <source media="(max-width: 565px)" srcset="
                            img/gallery/Picture_6_Mobile320_1x.png 1x,
                            img/gallery/Picture_6_Mobile320_2x.png 2x
                          " type="image/webp">
                      <!-- Здесь картинка от 1361 до 1920 и выше -->
                      <img class="gallery-image" src="img/gallery/Picture_6_Desktop_1x.png" alt="Изображение 12">
                    </picture>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

    </section>
    <section class="catalog section" id="catalog">
      <div class="container">
        <div class="section__container catalog__container">
          <h2 class="section__title">Каталог</h2>
          <p class="section__text">
            Акционеры крупнейших компаний, которые представляют собой яркий
            пример континентально-европейского типа политической культуры,
            будут объявлены нарушающими общечеловеческие нормы этики и морали.
            Являясь всего лишь частью общей картины, стремящиеся вытеснить
            традиционное производство, нанотехнологии и по сей день остаются
            уделом либералов, которые жаждут быть функционально разнесены
            на независимые элементы.
          </p>
        </div>

        <div class="catalog__wrap js-tabs-wrap">
          <div class="catalog__content-wrap">
            <div class="catalog__painter-info active js-tab-content" data-target="domenico">
              <picture>
                <source media="(min-width: 1550px)" srcset="
                      img/catalogue/image_1_Desctop_1x.png 1x,
                      img/catalogue/image_1_Desctop_2x.png 2x
                    " type="image/webp">
                <source media="(max-width: 1549px)" srcset="
                      img/catalogue/image_1_Tablet1024_1x.png 1x,
                      img/catalogue/image_1_Tablet1024_2x.png 2x
                    " type="image/webp">
                <source media="(max-width: 1024px)" srcset="
                      img/catalogue/image_1_Tablet768_1x.png 1x,
                      img/catalogue/image_1_Tablet768_2x.png 2x
                    " type="image/webp">
                <source media="(max-width: 1000px)" srcset="
                      img/catalogue/image_1_Mobile320_1x.png 1x,
                      img/catalogue/image_1_Mobile320_2x.png 2x
                    " type="image/webp">
                <img class="catalog-image" src="img/catalogue/image_1_Desctop_1x.png" alt="Изображение художника">
              </picture>
              <h3 class="catalog-painter-title">Доменико Гирландайо</h3>
              <p class="catalog-painter-date">2 июня 1448 – 11 января 1494</p>
              <p class="catalog-painter-description">
                Один из ведущих флорентийских художников Кватроченто,
                основатель художественной династии, которую продолжили его
                брат Давид и сын Ридольфо. Глава художественной мастерской,
                где юный Микеланджело в течение года овладевал
                профессиональными навыками. Автор фресковых циклов, в которых
                выпукло, со всевозможными подробностями показана домашняя
                жизнь библейских персонажей (в их роли выступают знатные
                граждане Флоренции в костюмах того времени).
              </p>
            </div>
            <div class="catalog__painter-info js-tab-content" data-target="verokkio">
              <picture>
                <source media="(min-width: 1550px)" srcset="
                      img/catalogue/Verokkio_Desktop_1x.png 1x,
                      img/catalogue/Verokkio_Desktop_2x.png 2x
                    " type="image/webp">
                <source media="(max-width: 1549px)" srcset="
                      img/catalogue/Verokkio_Tablet1024_1x.png 1x,
                      img/catalogue/Verokkio_Tablet1024_2x.png 2x
                    " type="image/webp">
                <source media="(max-width: 1024px)" srcset="
                      img/catalogue/Verokkio_Tablet728_1x.png 1x,
                      img/catalogue/Verokkio_Tablet728_2x.png 2x
                    " type="image/webp">
                <source media="(max-width: 1000px)" srcset="
                      img/catalogue/Verokkio_Mobile320_1x.png 1x,
                      img/catalogue/Verokkio_Mobile320_2x.png 2x
                    " type="image/webp">
                <img class="catalog-image" src="img/catalogue/Verokkio_Desktop_1x.png"
                  alt="Изображение художника Верроккьо">
              </picture>
              <h3 class="catalog-painter-title">Андреа дель Верроккьо</h3>
              <p class="catalog-painter-date">1435&ndash;10 октября 1488</p>
              <p class="catalog-painter-description">
                Творческий путь молодого Андреа, как и&nbsp;многих знаменитых художников и&nbsp;скульпторов эпохи
                Возрождения,
                начался с&nbsp;обучения и&nbsp;работы в&nbsp;одной из&nbsp;ювелирных мастерских Флоренции. Там
                он&nbsp;занимался не&nbsp;только
                изготовлением драгоценных украшений, но&nbsp;и&nbsp;познавал основы живописи, пластики
                и&nbsp;архитектуры. Его первым
                учителем был Джулиано Веррокки, фамилию которого в&nbsp;несколько изменённом виде Андреа заимствовал для
                своего будущего псевдонима.
              </p>
            </div>
            <div class="catalog__painter-info js-tab-content" data-target="lorenco">
              <picture>
                <source media="(min-width: 1550px)" srcset="
                      img/catalogue/Lorenco_Desktop_1x.png 1x,
                      img/catalogue/Lorenco_Desktop_2x.png 2x
                    " type="image/webp">
                <source media="(max-width: 1549px)" srcset="
                      img/catalogue/Lorenco_Tablet1024_1x.png 1x,
                      img/catalogue/Lorenco_Tablet1024_2x.png 2x
                    " type="image/webp">
                <source media="(max-width: 1024px)" srcset="
                      img/catalogue/Lorenco_Tablet728_1x.png 1x,
                      img/catalogue/Lorenco_Tablet728_2x.png 2x
                    " type="image/webp">
                <source media="(max-width: 1000px)" srcset="
                      img/catalogue/Lorenco_Mobile320_1x.png 1x,
                      img/catalogue/Lorenco_Mobile320_2x.png 2x
                    " type="image/webp">
                <img class="catalog-image" src="img/catalogue/Lorenco_Desktop_1x.png"
                  alt="Изображение художника Лоренцо">
              </picture>
              <h3 class="catalog-painter-title">Лоренцо ди&nbsp;Креди</h3>
              <p class="catalog-painter-date">1459&ndash;12 января 1537</p>
              <p class="catalog-painter-description">
                Один из&nbsp;ведущих флорентийских художников Кватроченто, основатель художественной династии, которую
                продолжили его брат Давид и&nbsp;сын Ридольфо. Глава художественной мастерской, где юный Микеланджело
                в&nbsp;течение года овладевал профессиональными навыками. Автор фресковых циклов, в&nbsp;которых
                выпукло, со&nbsp;всевозможными подробностями показана домашняя жизнь библейских персонажей
                (в&nbsp;их&nbsp;роли выступают знатные граждане Флоренции в&nbsp;костюмах того времени).
              </p>
            </div>
            <div class="catalog__painter-info js-tab-content" data-target="empty">
              <div class="catalog__painter-info-empty-img-wrap">
                <img class="catalog-image-empty" src="img/catalogue/artist_1.svg" alt="Изображение художника">
                <p class="catalog-painter-name-empty">
                  Х— Художник
                </p>
              </div>
              <h3 class="catalog-painter-title">Что мы о нём знаем?</h3>
              <p class="catalog-painter-description">
                Пока ничего… Зато мы точно знаем, что в галерее есть на что посмотреть!
              </p>
              <a href="#gallery" class="link link--text catalog-painter-link-empty">
                <span class="link__text">В галерею</span>
              </a>
            </div>
            <div class="catalog__painter-info js-tab-content" data-target="benedetto">
              <img class="catalog-image"
                src="img/catalogue/Benedetto_di_Bindo_-_Virgin_of_Humility_(left)_and_Saint_Jerome_Translating_the_Gospel_of_John.jpg"
                alt="Изображение художника">
              <h3 class="catalog-painter-title">Бенедетто ди Биндо</h3>
              <p class="catalog-painter-date">
                01 января 1385 – 19 сентября 1417
              </p>
              <p class="catalog-painter-description">
                Бенедетто ди Биндо (Benedetto di Bindo) (около 1385–1417)
                Итальянский живописец сиенской школы итало-византийского и
                готического искусства. Родился в местечке Кастильоне ди
                Вальдорчиа, близ Сиены около 1385 года. О творческом пути
                художника достоверных сведений имеется крайне мало. Его имя
                впервые появляется в сиенских документах в 1409 году, в них
                сообщается о выплате Бенедетто ди Биндо денег за работу в
                сиенском Домском соборе. Там в 1411–1412 годах Бенедетто
                совместно с группой художников создал фрески в трёх капеллах
                сакристия. В 1415–1416 годах художник Бенедетто ди Биндо
                работал в церкви Сан Доменико в Перудже, где написал фрески в
                капелле святых Екатерины и Петра Мученика. Творчество
                Бенедетто ди Биндо протекало в русле предначертанном Симоне
                Мартини. Специалисты полагают, что он был учеником Паоло ди
                Джованни Феи. В ранних его работах ощущается подражание Таддео
                ди Бартоло. Бенедетто ди Биндо приписывают авторство фрески
                «Вознесение Марии» в церкви Сан Никколо дель Кармине в Сиене,
                диптих «Мадонна Умиление» или «Пресвятая Дева Мария с
                младенцем и святой Иероним, переводящий евангелие от Иоанна»
                (1400–1405, Филадельфия, Музей изобразительного искусства), а
                также несколько станковых произведений, хранящихся в разных
                музеях. Умер сиенский живописец Бенедетто ди Биндо 19 сентября
                1417 в Перудже.
              </p>
            </div>
            <div class="catalog__painter-info js-tab-content" data-target="vecchietta">
              <img class="catalog-image" src="img/catalogue/Vecchietta.jpg" alt="Изображение художника">
              <h3 class="catalog-painter-title">Веккьетта</h3>
              <p class="catalog-painter-date">
                01 января 1410 – 06 июня 1480
              </p>
              <p class="catalog-painter-description">
                Веккьетта, настоящее имя Лоренцо ди Пьетро, итал. Lorenzo di
                Pietro; ок. 1410, Сиена — 6 июня 1480, Сиена — итальянский
                художник, скульптор, архитектор и ювелир. Сиенская школа. О
                Веккьетте сообщает в своих «Жизнеописаниях» Джорджо Вазари и
                описывает его как человека мрачного и нелюдимого, вечно
                погружённого в раздумья, и потому прожившего недолго.
                Позднейшие исследователи пытались имя этого художника увязать
                с какими-либо архивными данными. Сейчас общепризнанной
                считается версия, что описанный Вазари Веккьетта — это Лоренцо
                ди Пьетро ди Джованни, который был крещён в Сиене в 1410 году.
                Имя этого человека появляется в документах в 1428 году среди
                членов гильдии художников Сиены. Многие исследователи считают,
                что его учителем был Сассетта. Не вызывает сомнений и то, что
                на него ещё в начале карьеры произвело сильное впечатление
                творчество Донателло, который был в Сиене в 1427 году. В
                качестве третьего художника, повлиявшего на Веккьетту, следует
                назвать Мазолино да Паникале, с которым Веккьетта работал над
                фресками в церкви Колледжата в Кастильоне д’Олона, Ломбардия,
                созданными по заказу кардинала Бранда Кастильоне.
              </p>
            </div>
          </div>
          <ul class="catalog__accordion accordion list-reset js-accordion-container">
            <li class="accordion__question ac js-enabled">
              <button class="accordion__heading ac-trigger">
                <span class="accordion__heading-text">
                  <span class="accordion__heading-text-wrap">C 1400 по 1499 гг </span>
                </span>
                <svg class="head-icon" width="50" height="50" viewBox="0 0 50 50" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path class="head-icon-round"
                    d="M49 25C49 11.7452 38.2548 1.00001 25 1.00001C11.7452 1.00001 1 11.7452 1 25C1 38.2548 11.7452 49 25 49C38.2548 49 49 38.2548 49 25Z"
                    fill="#ECECEC" stroke="#ECECEC" stroke-width="2" />
                  <path d="M33.3333 26.6667L25 18.3333L16.6667 26.6667" stroke="black" />
                </svg>
              </button>

              <div class="accordion__content ac-panel">
                <div class="accordion__content-wrap">
                  <ul class="accordion__inner-list list-reset">
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn"
                        data-path="benedetto" href="#">
                        <span class="link__text">Бенедетто ди Биндо</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Бергоньоне, Амброджо</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Биссоло, Франческо</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Больтраффио, Джованни</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Бонсиньори, Франческо</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Боттичини, Рафаэлло</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Брамантино</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Бреа, Людовико</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Бьяджо д’Антонио Туччи</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn"
                        data-path="vecchietta" href="#">
                        <span class="link__text">Веккьетта</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn"
                        data-path="verokkio" href="#">
                        <span class="link__text">Андреа Верроккьо</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn active"
                        data-path="domenico" href="#">
                        <span class="link__text">Доменико Гирландайо</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn"
                        data-path="lorenco" href="#">
                        <span class="link__text">Лоренцо ди&nbsp;Креди</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Граначчи, Франческо</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Грегорио ди Чекко</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Джованни да Удине</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Джованни ди Паоло</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Джорджоне</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Парентино, Бернардо</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Пезеллино</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Пьетро Перуджино</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Перуцци, Бальдассаре</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Пизанелло</span>
                      </a>
                    </li>
                    <li class="accordion__item">
                      <a class="accordion__painter-link link link--text link--text-another js-tab-btn" data-path="empty"
                        href="#">
                        <span class="link__text">Пинтуриккьо</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>

            <li class="accordion__question ac js-enabled">
              <button class="accordion__heading ac-trigger">
                <span class="accordion__heading-text">
                  <span class="accordion__heading-text-wrap">C 1500 по 1599 гг </span>
                </span>
                <svg class="head-icon" width="50" height="50" viewBox="0 0 50 50" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path class="head-icon-round"
                    d="M49 25C49 11.7452 38.2548 1.00001 25 1.00001C11.7452 1.00001 1 11.7452 1 25C1 38.2548 11.7452 49 25 49C38.2548 49 49 38.2548 49 25Z"
                    fill="#ECECEC" stroke="#ECECEC" stroke-width="2" />
                  <path d="M33.3333 26.6667L25 18.3333L16.6667 26.6667" stroke="black" />
                </svg>
              </button>

              <div class="accordion__content ac-panel">
                <div class="accordion__content-wrap">
                  <div class="content-plug content-plug-wrap">
                    <div class="content-plug-left">

                    </div>
                    <div class="content-plug-right">
                      <h3 class="content-plug__title">
                        Здесь пока пусто
                      </h3>
                      <p class="content-plug__text">
                        А в галерее вы всегда можете найти что-то интересное для себя
                      </p>
                      <a href="#gallery" class="link link--text catalog-painter-link-empty">
                        <span class="link__text">В галерею</span>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </li>

            <li class="accordion__question ac js-enabled">
              <button class="accordion__heading ac-trigger">
                <span class="accordion__heading-text">
                  <span class="accordion__heading-text-wrap">C 1600 по 1699 гг </span>
                </span>
                <svg class="head-icon" width="50" height="50" viewBox="0 0 50 50" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path class="head-icon-round"
                    d="M49 25C49 11.7452 38.2548 1.00001 25 1.00001C11.7452 1.00001 1 11.7452 1 25C1 38.2548 11.7452 49 25 49C38.2548 49 49 38.2548 49 25Z"
                    fill="#ECECEC" stroke="#ECECEC" stroke-width="2" />
                  <path d="M33.3333 26.6667L25 18.3333L16.6667 26.6667" stroke="black" />
                </svg>
              </button>

              <div class="accordion__content ac-panel">
                <div class="accordion__content-wrap">
                  <div class="content-plug content-plug-wrap">
                    <div class="content-plug-left">

                    </div>
                    <div class="content-plug-right">
                      <h3 class="content-plug__title">
                        Здесь пока пусто
                      </h3>
                      <p class="content-plug__text">
                        А в галерее вы всегда можете найти что-то интересное для себя
                      </p>
                      <a href="#gallery" class="link link--text catalog-painter-link-empty">
                        <span class="link__text">В галерею</span>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </li>

            <li class="accordion__question ac js-enabled">
              <button class="accordion__heading ac-trigger">
                <span class="accordion__heading-text">
                  <span class="accordion__heading-text-wrap">C 1700 по 1799 гг </span>
                </span>
                <svg class="head-icon" width="50" height="50" viewBox="0 0 50 50" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path class="head-icon-round"
                    d="M49 25C49 11.7452 38.2548 1.00001 25 1.00001C11.7452 1.00001 1 11.7452 1 25C1 38.2548 11.7452 49 25 49C38.2548 49 49 38.2548 49 25Z"
                    fill="#ECECEC" stroke="#ECECEC" stroke-width="2" />
                  <path d="M33.3333 26.6667L25 18.3333L16.6667 26.6667" stroke="black" />
                </svg>
              </button>

              <div class="accordion__content ac-panel">
                <div class="accordion__content-wrap">
                  <div class="content-plug content-plug-wrap">
                    <div class="content-plug-left">

                    </div>
                    <div class="content-plug-right">
                      <h3 class="content-plug__title">
                        Здесь пока пусто
                      </h3>
                      <p class="content-plug__text">
                        А в галерее вы всегда можете найти что-то интересное для себя
                      </p>
                      <a href="#gallery" class="link link--text catalog-painter-link-empty">
                        <span class="link__text">В галерею</span>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </li>

            <li class="accordion__question ac js-enabled">
              <button class="accordion__heading ac-trigger">
                <span class="accordion__heading-text">
                  <span class="accordion__heading-text-wrap">C 1800 по 1899 гг </span>
                </span>
                <svg class="head-icon" width="50" height="50" viewBox="0 0 50 50" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path class="head-icon-round"
                    d="M49 25C49 11.7452 38.2548 1.00001 25 1.00001C11.7452 1.00001 1 11.7452 1 25C1 38.2548 11.7452 49 25 49C38.2548 49 49 38.2548 49 25Z"
                    fill="#ECECEC" stroke="#ECECEC" stroke-width="2" />
                  <path d="M33.3333 26.6667L25 18.3333L16.6667 26.6667" stroke="black" />
                </svg>
              </button>

              <div class="accordion__content ac-panel">
                <div class="accordion__content-wrap">
                  <div class="content-plug content-plug-wrap">
                    <div class="content-plug-left">

                    </div>
                    <div class="content-plug-right">
                      <h3 class="content-plug__title">
                        Здесь пока пусто
                      </h3>
                      <p class="content-plug__text">
                        А в галерее вы всегда можете найти что-то интересное для себя
                      </p>
                      <a href="#gallery" class="link link--text catalog-painter-link-empty">
                        <span class="link__text">В галерею</span>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </li>

            <li class="accordion__question ac js-enabled">
              <button class="accordion__heading ac-trigger">
                <span class="accordion__heading-text">
                  <span class="accordion__heading-text-wrap">C 1900 по 1999 гг </span>
                </span>
                <svg class="head-icon" width="50" height="50" viewBox="0 0 50 50" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path class="head-icon-round"
                    d="M49 25C49 11.7452 38.2548 1.00001 25 1.00001C11.7452 1.00001 1 11.7452 1 25C1 38.2548 11.7452 49 25 49C38.2548 49 49 38.2548 49 25Z"
                    fill="#ECECEC" stroke="#ECECEC" stroke-width="2" />
                  <path d="M33.3333 26.6667L25 18.3333L16.6667 26.6667" stroke="black" />
                </svg>
              </button>

              <div class="accordion__content ac-panel">
                <div class="accordion__content-wrap">
                  <div class="content-plug content-plug-wrap">
                    <div class="content-plug-left">

                    </div>
                    <div class="content-plug-right">
                      <h3 class="content-plug__title">
                        Здесь пока пусто
                      </h3>
                      <p class="content-plug__text">
                        А в галерее вы всегда можете найти что-то интересное для себя
                      </p>
                      <a href="#gallery" class="link link--text catalog-painter-link-empty">
                        <span class="link__text">В галерею</span>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </li>

            <li class="accordion__question ac js-enabled">
              <button class="accordion__heading ac-trigger">
                <span class="accordion__heading-text">
                  <span class="accordion__heading-text-wrap">C 2000 г</span>
                </span>
                <svg class="head-icon" width="50" height="50" viewBox="0 0 50 50" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path class="head-icon-round"
                    d="M49 25C49 11.7452 38.2548 1.00001 25 1.00001C11.7452 1.00001 1 11.7452 1 25C1 38.2548 11.7452 49 25 49C38.2548 49 49 38.2548 49 25Z"
                    fill="#ECECEC" stroke="#ECECEC" stroke-width="2" />
                  <path d="M33.3333 26.6667L25 18.3333L16.6667 26.6667" stroke="black" />
                </svg>
              </button>

              <div class="accordion__content ac-panel">
                <div class="accordion__content-wrap">
                  <div class="content-plug content-plug-wrap">
                    <div class="content-plug-left">

                    </div>
                    <div class="content-plug-right">
                      <h3 class="content-plug__title">
                        Здесь пока пусто
                      </h3>
                      <p class="content-plug__text">
                        А в галерее вы всегда можете найти что-то интересное для себя
                      </p>
                      <a href="#gallery" class="link link--text catalog-painter-link-empty">
                        <span class="link__text">В галерею</span>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </section>
    <section class="events section" id="events">
      <div class="container">
        <h2 class="section__title">События</h2>
        <div class="events-swiper-container">
          <div class="events__slider">
            <div class="swiper-wrapper">
              <div class="swiper-slide events__card">
                <picture>
                  <source media="(min-width: 1200px)" srcset="
                        img/events/picture_1_Desctop_1x.png 1x,
                        img/events/picture_1_Desctop_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 1024px )" srcset="
                        img/events/picture_1_Tablet1024_1x.png 1x,
                        img/events/picture_1_Tablet1024_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 768px)" srcset="
                        img/events/picture_1_Tablet768_1x.png 1x,
                        img/events/picture_1_Tablet768_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 565px)" srcset="
                        img/events/picture_1_Mobile320_1x.png 1x,
                        img/events/picture_1_Mobile320_2x.png 2x
                      " type="image/webp">
                  <img class="events__card-img" src="img/events/picture_1_Desctop_1x.png" alt="Картинка события 1">
                </picture>
                <div class="events__card-container">
                  <span class="events__card-placeanddate">
                    Музей им. Щусева<br>с 20 марта по 30 апреля
                  </span>
                  <h3 class="events__card-title">
                    Книжная гравюра <br>
                    в живом восприятии
                  </h3>
                  <p class="events__card-descr">
                    Один из ведущих флорентийских художников Кватроченто,
                    основатель художественной династии, которую продолжили его
                    брат Давид и сын Ридольфо
                  </p>
                  <a href="#" class="events__card-moredetails link-bg-focus">Подробнее</a>
                </div>
              </div>
              <div class="swiper-slide events__card">
                <picture>
                  <source media="(min-width: 1200px)" srcset="
                        img/events/picture_2_Desctop_1x.png 1x,
                        img/events/picture_2_Desctop_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 1024px )" srcset="
                        img/events/picture_2_Tablet1024_1x.png 1x,
                        img/events/picture_2_Tablet1024_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 768px)" srcset="
                        img/events/picture_2_Tablet768_1x.png 1x,
                        img/events/picture_2_Tablet768_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 565px)" srcset="
                        img/events/picture_2_Mobile320_1x.png 1x,
                        img/events/picture_2_Mobile320_2x.png 2x
                      " type="image/webp">
                  <img class="events__card-img" src="img/events/picture_2_Desctop_1x.png" alt="Картинка события 2">
                </picture>
                <div class="events__card-container">
                  <span class="events__card-placeanddate">
                    ММОМА <br>
                    24 марта 19:00
                  </span>
                  <h3 class="events__card-title">
                    «Открытая дискуссия». <br>
                    Дмитрий Петров и Сергей Ильин.
                  </h3>
                  <p class="events__card-descr">
                    Высокий уровень вовлечения представителей целевой
                    аудитории является чётким доказательством простого факта
                  </p>
                  <a href="#" class="events__card-moredetails link-bg-focus">Подробнее</a>
                </div>
              </div>
              <div class="swiper-slide events__card">
                <picture>
                  <source media="(min-width: 1200px)" srcset="
                        img/events/picture_3_Desctop_1x.png 1x,
                        img/events/picture_3_Desctop_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 1024px )" srcset="
                        img/events/picture_3_Tablet1024_1x.png 1x,
                        img/events/picture_3_Tablet1024_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 768px)" srcset="
                        img/events/picture_3_Tablet768_1x.png 1x,
                        img/events/picture_3_Tablet768_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 565px)" srcset="
                        img/events/picture_3_Mobile320_1x.png 1x,
                        img/events/picture_3_Mobile320_2x.png 2x
                      " type="image/webp">
                  <img class="events__card-img" src="img/events/picture_3_Desctop_1x.png" alt="Картинка события 3">
                </picture>
                <div class="events__card-container">
                  <span class="events__card-placeanddate">
                    Еврейский музей <br>
                    с 31 марта по 21 апреля
                  </span>
                  <h3 class="events__card-title">Выставка «Формация 2020»</h3>
                  <p class="events__card-descr">
                    Идейные соображения высшего порядка, а также современная
                    методология разработки играет важную роль в формировании
                    глубокомысленных рассуждений
                  </p>
                  <a href="#" class="events__card-moredetails link-bg-focus">Подробнее</a>
                </div>
              </div>
              <div class="swiper-slide events__card">
                <picture>
                  <source media="(min-width: 1200px)" srcset="
                        img/events/picture_4_Desctop_1x.png 1x,
                        img/events/picture_4_Desctop_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 1024px )" srcset="
                        img/events/picture_4_Tablet1024_1x.png 1x,
                        img/events/picture_4_Tablet1024_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 768px)" srcset="
                        img/events/picture_4_Tablet768_1x.png 1x,
                        img/events/picture_4_Tablet768_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 565px)" srcset="
                        img/events/picture_4_Mobile320_1x.png 1x,
                        img/events/picture_4_Mobile320_2x.png 2x
                      " type="image/webp">
                  <img class="events__card-img" src="img/events/picture_4_Desctop_1x.png" alt="Картинка события 4">
                </picture>
                <div class="events__card-container">
                  <span class="events__card-placeanddate">
                    ММАМ <br>
                    с 8 апреля по 20 мая
                  </span>
                  <h3 class="events__card-title">
                    Джон Винзор. Фотографии из серии «Метафора»
                  </h3>
                  <p class="events__card-descr">
                    Один из ведущих флорентийских художников Кватроченто,
                    основатель художественной династии, которую продолжили его
                    брат Давид и сын Ридольфо
                  </p>
                  <a href="#" class="events__card-moredetails link-bg-focus">Подробнее</a>
                </div>
              </div>
              <div class="swiper-slide events__card">
                <picture>
                  <source media="(min-width: 1200px)" srcset="
                        img/events/picture_5_Desctop_1x.png 1x,
                        img/events/picture_5_Desctop_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 1024px )" srcset="
                        img/events/picture_5_Tablet1024_1x.png 1x,
                        img/events/picture_5_Tablet1024_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 768px)" srcset="
                        img/events/picture_5_Tablet768_1x.png 1x,
                        img/events/picture_5_Tablet768_2x.png 2x
                      " type="image/webp">
                  <source media="(max-width: 565px)" srcset="
                        img/events/picture_5_Mobile320_1x.png 1x,
                        img/events/picture_5_Mobile320_2x.png 2x
                      " type="image/webp">
                  <img class="events__card-img" src="img/events/picture_5_Desctop_1x.png" alt="Картинка события 5">
                </picture>
                <div class="events__card-container">
                  <span class="events__card-placeanddate">
                    Третьяковка на Крымском валу <br>с 30 марта по 30 апреля
                  </span>
                  <h3 class="events__card-title">
                    XXIV Международная биеннале молодого искусства
                  </h3>
                  <p class="events__card-descr">
                    Внезапно, реплицированные с зарубежных источников,
                    современные исследования
                  </p>
                  <a href="#" class="events__card-moredetails link-bg-focus">Подробнее</a>
                </div>
              </div>
              <!-- </div> -->

              <!-- </div> -->

              <!-- </div> -->
              <!-- <div class="swiper-button-prev events__nav-btn-prev"></div> -->
              <!-- <div class="swiper-button-next events__nav-btn-next"></div> -->
              <!-- <div class="events-navigation"> -->
            </div>
            <button class="nav-btn nav-btn-prev events__nav-btn events__nav-btn-prev btn-reset "
              aria-label="К предыдущему слайду"></button>
            <button class="nav-btn nav-btn-next events__nav-btn events__nav-btn-next btn-reset"
              aria-label="К следующему слайду"></button>
            <div class="events-pagination"></div>
          </div>
        </div>
      </div>
    </section>
    <section class="projects section" id="projects">
      <div class="container">
        <div class="section__container projects-descr">
          <h2 class="section__title">Проекты</h2>
          <div class="projects__text-wrap">
            <span class="section__text">
              Предварительные выводы: постоянное информационно-пропагандистское
              обеспечение нашей деятельности однозначно фиксирует необходимость
              своевременного выполнения сверхзадачи. А ещё независимые
              государства смешаны с не уникальными данными до степени
              совершённой неузнаваемости, из-за чего возрастает их статус
              бесполезности. Прежде всего, постоянное
              информационно-пропагандистское </span>
            <span class="marker-tippy tippy-1">
              <svg class="tippy-svg" width="16" height="16" viewBox="0 0 16 16" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path class="tippy-svg__circle-element"
                  d="M15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8Z"
                  fill="white" stroke="#9D5CD0" />
                <path class="tippy-svg__info-element"
                  d="M7.26154 6.4551H8.73846V13H7.26154V6.4551ZM8 4.90259C7.71282 4.90259 7.4718 4.81126 7.27692 4.62861C7.09231 4.44597 7 4.22273 7 3.9589C7 3.69508 7.09231 3.47184 7.27692 3.28919C7.4718 3.0964 7.71282 3 8 3C8.28718 3 8.52308 3.09132 8.70769 3.27397C8.90256 3.44647 9 3.66464 9 3.92846C9 4.20243 8.90256 4.43582 8.70769 4.62861C8.52308 4.81126 8.28718 4.90259 8 4.90259Z"
                  fill="black" />
              </svg>
            </span>
            <span class="section__text">обеспечение нашей деятельности
              однозначно фиксирует необходимость экономической целесообразности
              принимаемых решений. И нет сомнений, что действия представителей
              оппозиции могут быть рассмотрены </span>
            <span class="marker-tippy tippy-2">
              <svg class="tippy-svg" width="16" height="16" viewBox="0 0 16 16" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path class="tippy-svg__circle-element"
                  d="M15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8Z"
                  fill="white" stroke="#9D5CD0" />
                <path class="tippy-svg__info-element"
                  d="M7.26154 6.4551H8.73846V13H7.26154V6.4551ZM8 4.90259C7.71282 4.90259 7.4718 4.81126 7.27692 4.62861C7.09231 4.44597 7 4.22273 7 3.9589C7 3.69508 7.09231 3.47184 7.27692 3.28919C7.4718 3.0964 7.71282 3 8 3C8.28718 3 8.52308 3.09132 8.70769 3.27397C8.90256 3.44647 9 3.66464 9 3.92846C9 4.20243 8.90256 4.43582 8.70769 4.62861C8.52308 4.81126 8.28718 4.90259 8 4.90259Z"
                  fill="black" />
              </svg>
            </span>
            <span class="section__text"> исключительно в разрезе
              маркетинговых и финансовых </span>
            <span class="marker-tippy tippy-3">
              <svg class="tippy-svg" width="16" height="16" viewBox="0 0 16 16" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path class="tippy-svg__circle-element"
                  d="M15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8Z"
                  fill="white" stroke="#9D5CD0" />
                <path class="tippy-svg__info-element"
                  d="M7.26154 6.4551H8.73846V13H7.26154V6.4551ZM8 4.90259C7.71282 4.90259 7.4718 4.81126 7.27692 4.62861C7.09231 4.44597 7 4.22273 7 3.9589C7 3.69508 7.09231 3.47184 7.27692 3.28919C7.4718 3.0964 7.71282 3 8 3C8.28718 3 8.52308 3.09132 8.70769 3.27397C8.90256 3.44647 9 3.66464 9 3.92846C9 4.20243 8.90256 4.43582 8.70769 4.62861C8.52308 4.81126 8.28718 4.90259 8 4.90259Z"
                  fill="black" />
              </svg>
            </span>
            <span class="section__text">предпосылок. Банальные, но
              неопровержимые выводы, а также представители современных
              социальных резервов призывают нас к новым свершениям, которые, в
              свою очередь, должны быть смешаны с не уникальными данными до
              степени совершённой неузнаваемости. Подробнее:
            </span>
            <a class="link-bg-focus link link--text" href="#">blanchard-art.ru/projects</a>
          </div>
        </div>
        <h3 class="project-partners-title">Партнёры проектов:</h3>
        <div class="projects__swiper-container">
          <button class="projects__nav-btn projects__nav-btn-prev btn-reset nav-btn nav-btn-prev nav-btn-prev--project"
            aria-label="Кнопка предыдущий слайд"></button>
          <div class="projects__swiper">
            <!-- Additional required wrapper -->
            <div class="swiper-wrapper">
              <!-- Slides -->
              <a class="projects__slide swiper-slide" href="#">
                <img class="projects__slide-image" src="img/sponsors/Freelands_Foundation_Desctop_1x.png"
                  alt="Логотип партнера Freeland Foundation">
              </a>
              <a class="projects__slide swiper-slide" href="#">
                <img class="projects__slide-image" src="img/sponsors/Institute_for_contemporary_art_Desctop_1x.png"
                  alt="Логотип партнера Institute">
              </a>
              <a class="projects__slide swiper-slide" href="#">
                <img class="projects__slide-image" src="img/sponsors/Workhouse_Desctop_1x.png"
                  alt="Логотип партнера Workhouse">
              </a>
              <a class="projects__slide swiper-slide" href="#">
                <img class="projects__slide-image" src="img/sponsors/1849_Desctop_1x.png" alt="Логотип партнера 1849">
              </a>
              <a class="projects__slide swiper-slide" href="#">
                <img class="projects__slide-image" src="img/sponsors/Hiscox_Desctop_1x.png"
                  alt="Логотип партнера Hiscox">
              </a>
              <a class="projects__slide swiper-slide" href="#">
                <img class="projects__slide-image" src="img/sponsors/Camden_Desctop_1x.png"
                  alt="Логотип партнера Camden">
              </a>
              <a class="projects__slide swiper-slide" href="#">
                <img class="projects__slide-image" src="img/sponsors/Stassen_Desctop_1x.png"
                  alt="Логотип партнера Stassen">
              </a>
              <a class="projects__slide swiper-slide" href="#">
                <img class="projects__slide-image" src="img/sponsors/Watts_Gallery_Desctop_1x.png"
                  alt="Логотип партнера Watts">
              </a>
              <a class="projects__slide swiper-slide" href="#">
                <img class="projects__slide-image" src="img/sponsors/Esad_Desctop_1x.png" alt="Логотип партнера Esad">
              </a>
            </div>
            <!-- If we need pagination -->
            <!-- <div class="projects-pagination"></div> -->
            <!-- If we need navigation buttons -->
          </div>

          <button class="projects__nav-btn projects__nav-btn-next btn-reset nav-btn nav-btn-next nav-btn-next--projects"
            aria-label="Кнопка следующий слайд"></button>
        </div>
      </div>
    </section>
    <section class="contacts" id="contacts">
      <div class="container">
        <div class="contacts-upper-part">
          <div class="contacts-upper-part__address">
            <p class="contacts__address-name">Шоурум №4</p>
            <p class="contacts__address-location">
              Леонтьевский переулок, дом 5/1
            </p>
          </div>
          <div class="contacts-upper-part__inputs">
            <form action="#" class="contacts__form" autocomplete="off" novalidate="novalidate">
              <div class="contacts__input-wrap">
                <label class="contacts__input-label" for="name">
                  <input class="contacts__input contacts__input--name" type="text" name="name" id="name"
                    placeholder="Имя*" data-validate-field="name">
                </label>
                <label class="contacts__input-label" for="tel">
                  <input class="contacts__input contacts__input--tel" type="tel" name="tel" id="tel"
                    placeholder="Телефон*" data-validate-field="tel" data-validate-rules="tel">
                </label>
              </div>

              <button class="contacts__button" aria-label="Кнопка" type="button">
                <span class="contacts__button-not-mobile">
                  Заказать обратный звонок
                </span>
                <span class="contacts__button-mobile">
                  Заказать
                </span>
              </button>
            </form>
          </div>
          <div class="contacts-upper-part__connection">
            <p class="contacts-upper-part__connection-text">
              Связаться в один клик
            </p>
            <ul class="list-reset contacts-upper-part__connection-icons">
              <li class="list-reset contacts-upper-part__connection-icon">
                <svg class="icon icon-whatsapp" width="40" height="40" viewBox="0 0 40 40" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <g clip-path="url(#clip0_191243_648)">
                    <path
                      d="M20 39.375C30.7005 39.375 39.375 30.7005 39.375 20C39.375 9.29948 30.7005 0.625 20 0.625C9.29948 0.625 0.625 9.29948 0.625 20C0.625 30.7005 9.29948 39.375 20 39.375Z"
                      fill="#30BF39" />
                    <path
                      d="M25.875 21.751C25.625 21.626 24.3125 20.876 24.0625 20.8135C23.8125 20.6885 23.625 20.6885 23.4375 20.9385C23.25 21.1885 22.6875 21.8135 22.5625 21.9385C22.375 22.126 22.25 22.126 22 22.001C21.75 21.876 20.875 21.5635 19.875 20.5635C19.125 19.8135 18.5625 18.9385 18.4375 18.626C18.3125 18.376 18.4375 18.1885 18.5625 18.0635C18.6875 17.9385 18.8125 17.751 19 17.626C19.1875 17.501 19.1875 17.376 19.3125 17.1885C19.4375 17.001 19.375 16.876 19.3125 16.6885C19.25 16.501 18.75 15.1885 18.5625 14.626C18.375 14.0635 18.125 14.1885 18 14.126C17.8125 14.126 17.6875 14.0635 17.5 14.0635C17.25 14.0635 16.9375 14.1885 16.75 14.376C16.5 14.626 15.75 15.251 15.75 16.5635C15.75 17.876 16.625 19.251 16.75 19.376C16.875 19.5635 18.5 22.4385 21.1875 23.626C23.875 24.8135 23.875 24.4385 24.375 24.4385C24.875 24.4385 26 23.8135 26.25 23.251C26.5 22.626 26.5 22.0635 26.4375 22.001C26.3125 22.001 26.125 21.9385 25.875 21.751ZM20.875 28.1885C19.125 28.1885 17.5 27.6885 16.0625 26.751L12.6875 27.8135L13.8125 24.5635C12.75 23.0635 12.125 21.251 12.125 19.376C12.125 14.501 16.0625 10.5635 20.9375 10.5635C25.8125 10.5635 29.6875 14.501 29.6875 19.376C29.6875 24.251 25.75 28.1885 20.875 28.1885ZM20.875 8.81348C15.0625 8.81348 10.3125 13.5635 10.3125 19.376C10.3125 21.3135 10.8125 23.1885 11.8125 24.8135L9.875 30.501L15.75 28.626C17.3125 29.501 19.0625 29.9385 20.875 29.9385C26.6875 29.9385 31.4375 25.1885 31.4375 19.376C31.4375 13.5635 26.75 8.81348 20.875 8.81348Z"
                      fill="white" />
                  </g>
                  <defs>
                    <clippath id="clip0_191243_648">
                      <rect width="40" height="40" fill="white" />
                    </clippath>
                  </defs>
                </svg>
              </li>
              <li class="list-reset contacts-upper-part__connection-icon">
                <svg class="icon icon-telegram" width="40" height="40" viewBox="0 0 40 40" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <g clip-path="url(#clip0_191243_651)">
                    <path
                      d="M20 40C31.0457 40 40 31.0457 40 20C40 8.95431 31.0457 0 20 0C8.95431 0 0 8.95431 0 20C0 31.0457 8.95431 40 20 40Z"
                      fill="#26A5E4" />
                    <path fill-rule="evenodd" clip-rule="evenodd"
                      d="M9.05321 19.7889L20.7168 14.7649C26.2711 12.4547 27.4251 12.0534 28.1774 12.0402C28.3429 12.0373 28.7128 12.0783 28.9524 12.2727C29.1548 12.4369 29.2104 12.6587 29.2371 12.8143C29.2637 12.9699 29.2969 13.3246 29.2705 13.6017C28.9695 16.7641 27.6671 24.4386 27.0046 27.9806C26.7242 29.4794 26.1726 29.9819 25.6378 30.0311C24.4763 30.138 23.5944 29.2635 22.4694 28.5261L18.0061 25.528C16.0314 24.2268 17.3115 23.5116 18.4369 22.3428C18.7314 22.0368 23.8487 17.3823 23.9477 16.96C23.9597 16.9072 23.9716 16.7104 23.8547 16.6064C23.7377 16.5024 23.565 16.5384 23.4405 16.5663C23.264 16.6064 20.452 18.465 15.0044 22.1423C14.2062 22.6904 13.4832 22.9575 12.8355 22.9435C12.1214 22.9281 10.7478 22.5397 9.72661 22.2078C8.47408 21.8007 7.4786 21.5854 7.56532 20.8939C7.61044 20.5338 8.1064 20.1655 9.05317 19.789L9.05321 19.7889Z"
                      fill="white" />
                  </g>
                  <defs>
                    <clippath id="clip0_191243_651">
                      <rect width="40" height="40" fill="white" />
                    </clippath>
                  </defs>
                </svg>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="contacts-lower-part contacts-ymap" id="contacts-ymap"></div>
    </section>
  </main>
  <footer class="footer">
    <div class="container">
      <div class="footer__wrap">
        <a href="#" class="logo logo-footer" aria-label="Логоип сайта" tabindex="0">
          <img class="logo__img" src="img/header/logo/Logo.svg" alt="Логотип">
        </a>
        <ul class="list-reset icons-wrap">
          <li class="list-reset footer__icons-list">
            <a href="#" class="footer__icons-link" aria-label="Ссылка вконтакте">
              <svg class="footer__icon icon-vkontakte" width="45" height="45" viewBox="0 0 45 45" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M22.5 0C10.074 0 0 10.0736 0 22.5C0 34.9264 10.074 45 22.5 45C34.926 45 45 34.9264 45 22.5C45 10.0736 34.926 0 22.5 0ZM33.9132 24.9335C34.9619 25.9577 36.0714 26.9217 37.0128 28.0519C37.4299 28.5519 37.823 29.0688 38.1222 29.6503C38.5495 30.4794 38.1637 31.3886 37.4216 31.4379L32.812 31.4369C31.6215 31.5354 30.6741 31.0553 29.8754 30.2414C29.2378 29.5927 28.6462 28.8999 28.0321 28.2292C27.7812 27.9539 27.517 27.6947 27.2021 27.4907C26.5737 27.0819 26.0277 27.2072 25.6677 27.8636C25.3008 28.5316 25.217 29.2719 25.182 30.0153C25.1319 31.1022 24.8041 31.3863 23.7135 31.4374C21.3832 31.5465 19.1721 31.1929 17.117 30.0181C15.3041 28.9818 13.901 27.5193 12.6783 25.8634C10.2973 22.6353 8.47381 19.0924 6.8354 15.4478C6.46665 14.627 6.73642 14.1878 7.64194 14.1707C9.14639 14.1417 10.6508 14.1454 12.1553 14.1694C12.7676 14.179 13.1727 14.5294 13.4079 15.1071C14.2209 17.1074 15.2176 19.0105 16.4665 20.7755C16.7994 21.2455 17.1391 21.7142 17.623 22.0461C18.157 22.4125 18.5639 22.2915 18.8158 21.6953C18.9769 21.3164 19.0464 20.9113 19.0814 20.5053C19.2011 19.1145 19.2153 17.7242 19.0082 16.339C18.8793 15.4722 18.3918 14.9124 17.5277 14.7485C17.0876 14.6652 17.152 14.5022 17.3661 14.2508C17.7376 13.8163 18.0856 13.5474 18.7812 13.5474L23.9893 13.5465C24.8101 13.7076 24.9942 14.0759 25.1056 14.9027L25.1102 20.6903C25.1006 21.0103 25.2709 21.9586 25.8454 22.1681C26.3058 22.32 26.6096 21.9508 26.8849 21.6594C28.1339 20.334 29.0237 18.7697 29.8206 17.1506C30.1723 16.4366 30.4757 15.6977 30.7703 14.9575C30.9895 14.4101 31.3301 14.1408 31.9479 14.15L36.9631 14.156C37.1108 14.156 37.2609 14.1574 37.4073 14.1827C38.2525 14.3273 38.4841 14.6909 38.2226 15.5154C37.811 16.8109 37.0114 17.89 36.2297 18.9718C35.3919 20.1301 34.4983 21.2478 33.6687 22.4111C32.9064 23.4746 32.9667 24.01 33.9132 24.9335Z"
                  fill="#CACACA" />
              </svg>
            </a>
          </li>
          <li class="list-reset footer__icons-list">
            <a href="#" class="footer__icons-link" aria-label="Ссылка одноклассники">
              <svg class="footer__icon icon-odnoklassniki" width="45" height="45" viewBox="0 0 45 45" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M19.279 14.9859C19.279 16.8409 20.7828 18.3449 22.6379 18.3449C24.4929 18.3449 25.9967 16.8409 25.9967 14.9859C25.9967 13.1309 24.4929 11.6271 22.6379 11.6271C20.7828 11.6271 19.279 13.1309 19.279 14.9859Z"
                  fill="#CACACA" />
                <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M22.5 45C34.9264 45 45 34.9264 45 22.5C45 10.0736 34.9264 0 22.5 0C10.0736 0 0 10.0736 0 22.5C0 34.9264 10.0736 45 22.5 45ZM14.5125 14.9858C14.5125 10.4984 18.1503 6.86047 22.6379 6.86047C27.1254 6.86047 30.7632 10.4984 30.7632 14.9858C30.7632 19.4734 27.1254 23.1115 22.6379 23.1115C18.1503 23.1115 14.5125 19.4734 14.5125 14.9858ZM30.8117 27.291C30.7086 27.3737 28.7593 28.9142 25.5064 29.5769L30.4165 34.4432C31.28 35.3053 31.2811 36.7042 30.419 37.5677C29.5569 38.431 28.1583 38.4324 27.2945 37.5701L22.5276 32.928L18.1979 37.5402C17.7644 37.9899 17.1862 38.216 16.6074 38.216C16.0553 38.216 15.5027 38.0106 15.074 37.5972C14.1956 36.7502 14.1701 35.3516 15.0171 34.4733L19.6777 29.6025C16.3336 28.9555 14.3039 27.3749 14.1993 27.291C13.2475 26.5277 13.0946 25.1372 13.8579 24.1852C14.6212 23.2334 16.0115 23.0805 16.9636 23.8437C16.9837 23.86 19.1067 25.4549 22.5275 25.4572C25.9483 25.4549 28.0273 23.86 28.0474 23.8437C28.9995 23.0805 30.3899 23.2334 31.1531 24.1852C31.9165 25.1372 31.7636 26.5277 30.8117 27.291Z"
                  fill="#CACACA" />
              </svg>
            </a>
          </li>

        </ul>
      </div>
    </div>
  </footer>
  <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/simplebar@latest/dist/simplebar.min.js"></script>
  <!-- <script src="./js/burger.js"></script> -->
  <script src="./js/mobile-menu.js"></script>
  <script src="./js/header-search.js"></script>
  <script src="./js/submenu.js"></script>
  <script src="./js/hero-swiper.js"></script>
  <script src="./js/gallery-swiper.js"></script>
  <script src="./js/gallery-select.js"></script>
  <script src="./js/gallery-modal.js"></script>
  <script src="./js/smooth-scroll.polyfills.min.js"></script>
  <script
    src="https://api-maps.yandex.ru/2.1?apikey=c75efbcd-5fed-4df0-bcc1-58cfc957a60d&load=package.full&lang=ru_RU"></script>
  <script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.min.js"></script>
  <script src="https://unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js"></script>
  <script src="./js/projects.js"></script>
  <script>
    var scroll = new SmoothScroll('a[href*="#"]', {
      speed: 500,
      speedAsDuration: true,
    });
  </script>
  <script src="https://unpkg.com/accordion-js@3.1.1/dist/accordion.min.js"></script>
  <script src="./js/catalog-accordion.js"></script>
  <script src="./js/events.js"></script>
  <!-- Input Mask (Формы) -->
  <script src="./js/inputmask.min.js"></script>
  <!-- Just Vallidate (Формы) -->
  <script src="./js/just-validate.min3.3.3.js"></script>
  <script src="./js/contacts.js"></script>
  <script src="./js/ymap.js"></script>
</body>

</html>